<div class="container">
			<section class="row">
				<article class="span9">
						<div id="content">
							<div class="btn-group">
								<button id="picture-upload" class="btn">upload</button>
								<button id="picture-trigger" class="btn">pictures</button>
								<button id="background-picker" class="btn">pick background</button>
								<button id="resize-trigger" class="btn">resize</button>
								<button id="picture-save" class="btn">save</button>
							</div>
							<div id="container"></div>
							<div id="pictureList" class="modal hide fade in" tabindex="-1"
								role="dialog" aria-labelledby="Picture stock" aria-hidden="false"
								style="display: block;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">x</button>
									<h3 id="myModalLabel">Picture List</h3>
								</div>
								<div class="modal-body">
									<div id="images"></div>
								</div>
							</div>
							<div id="upload-dialog" class="modal hide fade in" tabindex="-1"
								role="dialog" aria-labelledby="Picture Upload" aria-hidden="false"
								style="display: block;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">x</button>
									<h3 id="myModalLabel">Upload Picture</h3>
								</div>
								<div class="modal-body">
									<form>
										<label for="pictureUploader">Select picture</label> <input
											type="file" id="pictureUploader" name="mypicture[]"
											data-url="scrap/getUpload" multiple />
									</form>
									<div id="addTitleDescription"></div>
								</div>
							</div>
							<div id="save-scrap-dialog" class="modal hide fade in" tabindex="-1"
								role="dialog" aria-labelledby="Save Scrap Picture" aria-hidden="false"
								style="display: block;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">x</button>
									<h3 id="myModalLabel">Save Scrap Picture</h3>
								</div>
								<div class="modal-body">
									<div id="addScrapTitleDescription"></div>
								</div>
							</div>
							<div id="resize-dialog" class="modal hide fade in" tabindex="-1"
								role="dialog" aria-labelledby="Resize Scrap Picture"
								aria-hidden="false" style="display: block;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">x</button>
									<h3 id="myModalLabel">Resize Scrap Picture</h3>
								</div>
								<div class="modal-body">
									<p>
										<label for="newWidth">width</label> <input type="text" id="newWidth"
											name="newWidth" />
									</p>
									<p>
										<label for="newHeight">height</label> <input type="text"
											id="newHeight" name="newHeight" />
									</p>
								</div>
							</div>
						</div>
				</article>
				
				<aside class="span3">
					<h3>This is the sidebar</h3>
					<p>Good content items include blogrolls, featured news, Twitter updates, etc.</p>
				</aside>
			</section>
			
		</div>

